<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <script>
  if(!localStorage.stu_token){
    location.href='/'
  }
</script>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

    <title>方向宣讲</title>
  </head>
 <style>
      .my-lead{
        font-size: 18px;
      }
      .jumbotron{
          height: 100vh;
          position: relative;
      }
      .hint-arrows{
          position: absolute;
          right: 100px;
          bottom: 100px;
          font-size: 50px;
          color: #1f6fb2;
          animation: example  2s linear infinite;
          transform: translateY(0px);
      }
      @keyframes example {
         0%{
             transform: translateY(0);
         }
         50%{
              transform: translateY(40px);

        }
          100%{
              transform: translateY(0);

          }
      }
    </style>
  <body>

    <!-- 上半部分 -->
  <div class="jumbotron pt-0 px-0 ">
    <div class="shadow-sm  bg-white " style="height: 60px"  >
        <div class=" h-100 d-flex  align-items-center  col-11 m-auto" >
            <img src="/img/xinlong-logo.png" class="h-75 " alt="新龙logo">
            <h4 class="ml-4 mt-2 d-none d-sm-block" style="color: #999999;font-family:'华文宋体';">软件学院</h4>
            <div class="ml-auto" >
                <span id="userInfo-nickName"  class="col-4" ></span>
                <a href="#" class="text-decoration-none" onclick="logOut()" >退出</a>
            </div>
        </div>
    </div>
    <div class="container my-auto pt-5"  >
<!--        <h1 class="display-5">-->
<!--           <img src="/img/xinlong-logo.png"  class="mr-3 col-4 col-sm-2" alt="...">-->
<!--            <span>软件学院</span>-->
<!--        </h1>-->
        <h4 class="display-6">
          专业方向选择注意事项:
        </h4>
        <p class="lead my-lead">1.填报或修改志愿之后，请在志愿填报页面进行完整的截图（截图必须包括学号、姓名、当前选择的专业）</p>
        <p class="lead my-lead">2.请仔细观看下方的方向介绍，充分了解之后在进行填报</p>
        <p class="lead my-lead">3.填报机会只有三次，请谨慎填报</p>
        <p class="lead my-lead">4.进入填报页面之后请确认自己的学号姓名是否正确</p>
        <p class="lead my-lead">5.请按照自己情况，合理进行选择志愿（不可少于已有志愿数）</p>
        <hr class="my-4">
        <div class="input-group mb-3">
          <div class="input-group-prepend">
            <div class="input-group-text">
              <label class="mb-0">
                <input type="checkbox" id="confirmFillIn" aria-label="Checkbox for following text input">
                 我也阅读以上相关事宜
              </label>
            </div>
          </div>
        </div>
        <p></p>
        <a class="btn btn-primary btn-md" href="#" id="fillIn" role="button">填报志愿</a>
    </div>

    <div class="hint-arrows"  style="display: none" >
        <a href="#ceshi" style="text-decoration: none" >
            ↓
        </a>
    </div>

  </div>

  <!-- 下半部分  专业介绍 -->
  <ul class="list-unstyled w-75 ml-auto mr-auto mt-3 mb-5 ">



    <!-- 视频模态框 -->
    <div class="modal fade" id="videoStaticModal" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
      <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="staticBackdropLabel">方向宣讲</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <iframe id='video' width="100%"  src="//player.bilibili.com/player.html?aid=625851526&bvid=BV1Rt4y1C7rf&cid=196384564&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
          </div>
          <div class="modal-footer">
            <button typ e="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            <!-- <button type="button" class="btn btn-primary">Understood</button> -->
          </div>
        </div>
      </div>
    </div>



  </ul>
    <div id="ceshi" ></div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
    <script src="/js/axios.min.js"></script>
    <script src="/js/student.js"></script>
    <script>
        var stuid = (location.search.slice(location.search.indexOf('=') + 1))
        var times = 0
        try {
            s = JSON.parse(decodeURIComponent(atob(stuid)))
            if (typeof(s) !== 'object') {
                location.href = '/login'
            }
        } catch (err) {
            location.href = '/login'
        }
        if (stuid == ' ' || stuid == '' || stuid == null) {
            location.href = '/login'
        }
        $('#userInfo-nickName').html(s.stu_id + '   ' + s.name)

      // if(location.search == '') location.href ='/login'
      var stuid = (location.search.slice(location.search.indexOf('=')+1))

      try {
       s = JSON.parse(decodeURIComponent(atob(stuid)))
        if(typeof(s) !=='object'){
          location.href='/login'
        }
        $('#pwdStuid').val(s.stu_id)
      }
      catch(err){
          location.href='/login'
      }
      if(stuid == ' ' || stuid == ''|| stuid == null){
        location.href='/login'
      }
      $('#fillIn').on('click',function(){
        conf = $('#confirmFillIn')[0].checked
        if(!conf){
          alert('请先确认阅读注意事项！！')
          return
        }

        location.href='/tbzy?s='+stuid
      })
    </script>
  </body>
</html>
